<%--
  Created by IntelliJ IDEA.
  User: bb
  Date: 2021/10/23
  Time: 11:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <link href="/campus/commons/jslib/hplus/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/campus/commons/jslib/hplus/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/campus/commons/jslib/hplus/css/animate.min.css" rel="stylesheet"/>
    <link href="/campus/commons/jslib/hplus/css/style.css" rel="stylesheet"/>
    <link href="/campus/commons/jslib/hplus/css/login.min.css" rel="stylesheet"/>

    <link href="/campus/commons/css/qy-style.css" rel="stylesheet"/>

    <script src="/campus/commons/jslib/hplus/js/jquery.min.js" rel="script"></script>
    <script src="/campus/commons/jslib/hplus/js/jquery-ui-1.10.4.min.js" rel="script"></script>
    <script src="/campus/commons/jslib/hplus/js/plugins/validate/jquery.validate.min.js"></script>

    <script src="/campus/commons/jslib/CommonValue.js"></script>

    <title>欢迎登录校园通信管理系统</title>
    <style>
    body.signin {
    background:url(/campus/commons/images/login-background.jpg) no-repeat center fixed;
    }
    .signinPanal{
    width: 750px;
    margin: 10% auto 0;
    height:340px;
    position: relative;
    }
    .signup-footer {
    position: absolute;
    border-top: solid 1px rgba(255,255,255,.3);
    top:150%;
    width: 750px;
    padding-top: 15px;
    }
    .signinPanal .uname {
    background: #fff url(/campus/commons/images/user.png) no-repeat 95% center;
    }
    .signinPanal .pword {
    background: #fff url(/campus/commons/images/locked.png) no-repeat 95% center;
    }
    </style>
    <script>
        if(window.top!==window.self){window.top.location=window.location};

        $(function(){

            $("#userName").focus(function(){
                $("#div_msg").html("");
            });

            $("#pwd").focus(function(){
                $("#div_msg").html("");
            });


            var rtnCode = GetQueryString("rtnCode");
            if (rtnCode != null && rtnCode == '500') {
                $("#div_msg").html("用户名或密码错误");
            }else if(rtnCode != null && rtnCode == '200')
            {
                $("#div_msg").html("软件试用期已到，请联系商务");
            }else {
                $("#div_msg").html("");
            }

            $("#loginForm").validate({
                rules : {
                    userName : {
                        required : true
                    },
                    pwd : {
                        required : true
                    }
                },
                messages : {
                    userName : {
                        required : "请输入用户名"
                    },
                    pwd : {
                        required : "请输入密码"

                    }
                },
                submitHandler : function(form) {

                    form.submit();
                }
            });

        });
    </script>
</head>
<body class="signin">
    <div class="signinPanal">
        <div style="position: absolute;  width: 306px; height: 313px; top: 0; right: 0; background: rgba(255,255,255,.2);
            border: 1px solid rgba(255,255,255,.3) ">
            <form id="loginForm" method="post" action="/campus/user/login">
                <p class="m-t-md" id="title" style="position: absolute;width: 237px;height: 26px;z-index: 1;top: 8%;left: 13%">登录到后台</p>
                <div style="position: absolute;width: 237px;height: 26px;z-index: 1;top: 28%;left: 13%;">
                    <input type="text" class="form-control uname" placeholder="用户名" name="name" id="userName" style="color: #030303">
                </div>
                <div style="position: absolute;width: 237px;height: 26px;z-index: 2;top: 49%;left: 13%;">
                    <input type="password" class="form-control pword m-b" placeholder="密码" name="psw" id="psw" style="color: #030303">
                </div>
                <div style="position: absolute;width: 185px;height: 26px;z-index: 2;top: 65%;left: 13%;">
                    <b><div id="div_msg" style="color: #FF9C00;"></div></b>
                </div>
                <div style="position:absolute;width: 237px;height: 40px;z-index: 3;top: 75%;left: 13%">
                    <button type="submit" class="btn btn-primary btn-block">登 录</button>
                </div>
            </form>
        </div>
        <div class="signup-footer" style="">
            <div class="pull-left" style="color:#fff;">
                © 2021 Powered By XXY.
            </div>
        </div>
    </div>
</body>
</html>
